<template>
  <v-tooltip bottom>
    <template v-slot:activator="{ on, attrs }">
      <v-icon :size="size" v-bind="attrs" v-on="on" @click="$emit('click')">{{icon}}</v-icon>
    </template>
    <span>{{tip}}</span>
  </v-tooltip>
</template>
<script>
  export default {
    props: {
      icon: String,
      tip: String,
      size: {
        type: [String, Number],
        default: 24
      },
    }
  }
</script>
